<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>冰学在读生</title>  
     <link rel="stylesheet" href="css/daohang.css" />
     <script type="text/javascript" src="js/fan.js"></script>
  </head>
    <body>
    <div class="nav" style="margin-bottom: 0%;">
          <div class="logo">
            <img src="img/头像.jpg" width="80" height="80">
          </div>
          <div class="document">
            <ul>
                <li><a href="ZhuYe.html">首页</a></li>
                <li><a href="fanzhuan.html"target="_blank" >翻转相册</a></li>
                <li><a href="xuanzhuan.html"target="_blank">旋转相册</a></li>
            </ul>
          </div>
    </div>
    <div id="menu" style="background-color:#d4d1e3;height:100%;width:220px;float:left;margin-left: 0px;z-index:-1; left:0; top:0;">
      <font size ="5" face="楷体"  color="black">吉林省长春市<br>
      </br>
      1990<br>
      </br>
      记者，主持人，UP主<br>
    </br>
      吃花椒的喵酱
  </br>
      </font>
    </div>
    <div class="time clearfix">
      <link rel="stylesheet" href="css/jishiqi.css" />
      <script type="text/javascript" src="js/jishiqi.js"></script>
      <h1>Happy birthday! 生日快乐</h1>
      <h4>距离你出生到现在已经过去了:</h4>
      <div class="day"></div>
      <div class="hours"></div>
      <div class="minutes"></div>
      <div class="seconds"></div>
    </div>

    <div class="birthday">
      <link rel="stylesheet" href="css/dangao.css" />
      <div class="container">

          <div class="candle">
              <div class="fire"></div>
              <div class="top"></div>
              <div class="body"></div>
              <div class="bottom"></div>
          </div>

          <div class="top-one">
              <div class="top"></div>
              <div class="side"></div>
              <div class="bottom"></div>
              <div class="text">
                  Happy Birthday
              </div>
          </div>

          <div class="bottom-one">
              <div class="top"></div>
              <div class="side"></div>
              <div class="bottom">
                  <div class="line line1"></div>
              </div>
              <div class="flower">
                  <i style="top:-20px;transform: rotateY(50deg)">生</i>
                  <i style="top:15px;transform: rotateY(30deg)">日</i>
                  <i style="top:15px;transform: rotateY(30deg)">快</i>
                  <i style="top:-20px;transform: rotateY(50deg)">乐</i>
              </div>
          </div>
      </div>
  </div>


    <div id="max" style="height:73%;width:73%;float: left;margin-left: 18%;">
      <!-- <div id="error">图片加载较慢，稍等</div> -->
      <link rel="stylesheet" href="css/max.css" />
        <div class="re">
          <ul>
              <li><img src="img/背景1.png" height="100%" width="100%" style="left:0; top:0;" alt=""></li>
              <li><img src="img/冰冰4.jpg" height="100%" width="100%" style="left:0; top:0;" alt=""></li>
              <li><img src="img/冰冰1.jpg" height="100%" width="100%" style="left:0; top:0;"alt=""></li>
              <li><img src="img/冰冰2.jpg" height="100%" width="100%" style="left:0; top:0;"alt=""></li>
              <li><img src="img/冰冰3.jpg" height="100%" width="100%" style="left:0; top:0;"alt=""></li>
          </ul>
          <ol>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
          </ol>
      </div>
    </div>

    <div id="bingbing" style="float: left;margin-left: 40%;">
      <font size ="5" face="楷体"  color="white">查干湖有鱼，头之大，一锅炖不下</font>
    </div>
    <div id="music" style="float: left;margin-left: 40%;">
      <center><font size ="5" face="楷体"  color="white">BGM:买辣椒也用卷——起风了</font></br></center>
    </br>
        <center><audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
          src="Music/买辣椒也用券 - 起风了.mp3" 
        你的浏览器版本太低，不支持audio标签
  </audio></center>
    </br>
  </div>
	</body>
</html>
